<template>
<!-- **************每日一测二级页面部分******************* -->
  <div class="viewleft">
    <ul class="view-box">
      <router-link tag="li" to="/home" class="head-l">
        返回
      </router-link>
      <router-link tag="li" to="" class="head-c">
        肺部测试
      </router-link>
      <router-link tag="li" to="" class="head-r">
        分享
      </router-link>
    </ul>
    <div class="box-main">
      <img :src="test_pic" alt="">
    </div>
      <div class="test-box">
        <div class="box-test"><span>39432</span>人参与了测试</div>
        <router-link tag="div" to="/viewtest" class="box-button">开始测试</router-link>
    </div>
  </div>
</template>

<script>
  export default {
    name:"ViewLeft",
    data(){
      return{
        test_pic:require("../../../../assets/pimages/test_pic.jpg")
      }
    }
  }
</script>

<style scoped>
.viewleft{
  width: 100%;
  height: 100%;
}
.view-box{
  width: 100%;
  height: 0.9rem;
  background-color: #44bf91;
}
li{
  float: left;
  text-align: center;
  line-height: 0.9rem;
  color: #f1f1f1;
  font-weight: normal;
}
.head-l{
  width: 20%;
}
.head-c{
  width: 60%;
}
.head-r{
  width: 20%;
}
.test-box{
  width: 100%;
  margin-top: 2.3rem;
}
.box-test{
  text-align: center;
  padding-bottom: 0.2rem;
  color: #a4a4a4;
}
.box-test span{
  color: #ffa29c;
}
.box-button{
  width: 6rem;
  height: 0.9rem;
  border-radius: 0.1rem;
  background-color: #44bf91;
  text-align: center;
  line-height: 0.9rem;
  font-size: 18px;
  color: #fbfaf6;
  margin: 0 auto;
}
</style>